margin: 4px;
padding: 0px;
background-color: $base_color;
+ border: 1px solid $borders_color; // adds borders in a non composited env
+ .csd & { border: none; } // axes borders in a composited env
.menuitem {
text-shadow: none;
padding: 4px;
box-shadow: 0 3px 9px 1px transparentize(black, 0.5),
0 0 0 1px $_wm_border; //doing borders with box-shadow
+ // FIXME rationalize window-frame shadows
+
/* this is used for the resize cursor area */
margin: 10px;
&.tiled {
border-radius: 0;
}
+ &.popup {
+ box-shadow: none;
+ }
&.csd {
- &.popup {
+ .popup {
border-radius: 0;
box-shadow: 0 1px 2px transparentize(black, 0.8),
0 0 0 1px transparentize($_wm_border,0.1);
.menu {
margin: 4px;
padding: 0px;
- background-color: #292929; }
+ background-color: #292929;
+ border: 1px solid #1c1f1f; }
+ .csd .menu {
+ border: none; }
.menu .menuitem {
text-shadow: none;
padding: 4px; }
box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.9); }
.window-frame.tiled {
border-radius: 0; }
- .window-frame.csd.popup {
+ .window-frame.popup {
+ box-shadow: none; }
+ .window-frame.csd .popup {
border-radius: 0;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.8); }
.window-frame.csd.tooltip {
.menu {
margin: 4px;
padding: 0px;
- background-color: #ffffff; }
+ background-color: #ffffff;
+ border: 1px solid #a1a1a1; }
+ .csd .menu {
+ border: none; }
.menu .menuitem {
text-shadow: none;
padding: 4px; }
box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); }
.window-frame.tiled {
border-radius: 0; }
- .window-frame.csd.popup {
+ .window-frame.popup {
+ box-shadow: none; }
+ .window-frame.csd .popup {
border-radius: 0;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
.window-frame.csd.tooltip {